.wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--login-bg) no-repeat 0 0 / cover;
  .login {
    padding: 20px;
    width: 600px;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: auto;
    &--mobile {
      width: 100%;
    }
    &-leading {
      width: 100%;
      height: 64px;
      display: flex;
      justify-content: center;
      align-items: center;
      &-image {
        width: 200px;
        height: 64px;
        background: var(--logo-icon) no-repeat 0 0 / contain;
      }
    }
    &-title {
      width: 100%;
      height: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      &-text {
        font-weight: 600;
        font-size: 1.8rem;
        color: #8a79f5;
        background: linear-gradient(
          45deg,
          #4646f6,
          #ca91ff,
          #8ea1ff,
          #4646f6,
          #ad87ff
        );
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 200% 100%;
        animation: animated-text 5s ease infinite;
      }
    }
    &-form {
      width: 100%;
      .adm-list-body {
        padding: 20px !important;
      }
      --border-top: none;
    }
    .submit {
      --border-radius: 10px;
      box-shadow: 0px 2px 14px 0px rgba(var(--primary), 0.53);
    }
  }
  :global {
    .adm-list-item-content {
      border-top: none;
    }
    .adm-list-item-content-main {
      display: flex;
      flex-flow: column nowrap;
      gap: 10px;
      border: none !important;
    }
    .login-form {
      --border-top: none;
    }
    .adm-list-body {
      padding: 10px !important;
    }
  }
}

/* Animation */
@-webkit-keyframes animated-text {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes animated-text {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
